<script type="text/html" id="module-name">form/signupForm</script>
<div class="panel panel-info form-signup" style="max-width: 500px;">
	<div class="panel-heading">

		<div class="row panel-title">
			<div class="panel-title col-md-7">Sign Up</div>
			<div>
				<a id="btn-fblogin" href="#" class="btn btn-primary"
					style="display: none;">Login with Facebook</a>
			</div>
		</div>

	</div>

    <?php if($result === 'failure' && $reason === 'emailDup') {?>
        <p class="alert alert-danger">The email <i style="color:#555;"><?php echo $email ?></i> that you have entered have already been registered.
            Please try again or <a href="/guser/forgotPassword?email=<?php echo $email ?>"> retrieve lost password.</a></p>
    <?php }?>



    <div class="panel-body" style="padding-top: 30px">

		<div class="alert alert-danger col-sm-12" id="login-alert"
			style="display: none"></div>

		<form role="form" class="form-horizontal" id="signupform"
			action="/guser/signup" method="POST">

			<div class="input-group" style="margin-bottom: 25px">
				<span class="input-group-addon"></span> <input type="text"
					placeholder="Name" value="" name="fullName" class="form-control"
					id="fullName">
			</div>
			<div class="alert alert-danger" role="alert" id="fullNameError"
				style="display: none">Please enter your name.</div>


			<div class="input-group" style="margin-bottom: 25px">
				<span class="input-group-addon"></span> <input type="text"
					placeholder="Email" value="" name="userName" class="form-control"
					id="userName">
			</div>
			<div class="alert alert-danger" role="alert" id="userNameError"
				style="display: none">Please enter your email.</div>

			<div class="input-group" style="margin-bottom: 25px">
				<span class="input-group-addon"></span> <input type="password"
					placeholder="Password" name="password" class="form-control"
					id="password">
			</div>
			<div class="alert alert-danger" role="alert" id="passwordError"
				style="display: none">Please enter password.</div>

			<div class="input-group" style="margin-bottom: 25px">
				<span class="input-group-addon"></span> <input type="password"
					placeholder="Reconfirm password" name="cpassword"
					class="form-control" id="cpassword">
			</div>
			<div class="alert alert-danger" role="alert" id="cpasswordError"
				style="display: none">Passwords do not match.</div>


			<div class="form-group" style="margin-top: 10px">
				<!-- Button -->

				<div class="col-sm-12 controls">
					<a class="btn btn-success" href="#" id="btn-login">Submit </a>
                    <label> Its free!</label>
				</div>
			</div>
		</form>
	</div>
</div>
<?php
$env = getenv('APP_ENV') ?: 'production';
if($env != 'production') {
    echo '<script data-main="/js/app" src="/js/lib/require.js"></script>';
}
?>